<ion-app [ngClass]="selectedTheme">
  <!-- <ion-menu side="start" swipeGesture="false" type="overlay" class="lotMenu"  menuId="lotMenu" (ionWillOpen)="openMenuOne()">
    <ion-content>
      <div class="menu-header">
        <ion-avatar>
          <img *ngIf="!isAvatar" src="assets/icon/avatar.png">
          <img *ngIf="isAvatar" src="{{avatarImg}}">
        </ion-avatar>
        <p>{{nickName}}</p>
        <p>账户余额:{{money}}</p>
      </div>
      <ion-list mode="ios" lines="none">
        <div *ngFor="let item of lots">
          <ion-item (click)="toggleGroup(item)" lines="none" class="menu-father-item">
            <ion-label class="ion-text-left menu-father menu-font">{{item.name}}</ion-label>
          </ion-item>
          <div *ngIf="isGroupShown(item)" style="padding-left: 2.5rem;">
          <ion-item *ngFor="let itemSon of item.value" (click)="toLotdetail(itemSon.code,itemSon.name,'lotMenu','menuEvent')">
            <ion-label class="ion-text-left menu-font">{{itemSon.name}}</ion-label>
          </ion-item>
        </div>
        </div>
      </ion-list>
    </ion-content>
    <ion-footer class="lotMenu-footer"> 
      <ion-button style="margin: 0px" color="primary01" expand="full" (click)="backHome()"><ion-icon slot="start" class="iconfont  ion-ios-left-trangle" style="font-size: 30px"></ion-icon> 返回首页</ion-button>
    </ion-footer>
  </ion-menu> -->


  <div class="menu-mark lotMenu lotMenu-one">
    <div class="lotMenu-blank" (click)="hideMenu();$event.stopPropagation"></div>
    <ion-content>
      <div class="menu-header">
        <ion-avatar>
          <img *ngIf="!isAvatar" src="assets/icon/avatar.png">
          <img *ngIf="isAvatar" src="{{avatarImg}}">
        </ion-avatar>
        <p>{{nickName}}</p>
        <p>账户余额:{{money}}</p>
      </div>
      <ion-list mode="ios" lines="none">
        <div *ngFor="let item of lots">
          <ion-item (click)="toggleGroup(item)" lines="none" class="menu-father-item">
            <ion-label class="ion-text-left menu-father menu-font">{{item.name}}</ion-label>
          </ion-item>
          <div *ngIf="isGroupShown(item)" style="padding-left: 2.5rem;">
          <ion-item *ngFor="let itemSon of item.value" (click)="toLotdetail(itemSon.code,itemSon.name,itemSon.lotteryId,'lotMenu','menuEvent')">
            <ion-label class="ion-text-left menu-font">{{itemSon.name}}</ion-label>
          </ion-item>
        </div>
        </div>
      </ion-list>
    </ion-content>
    <ion-footer class="lotMenu-footer"> 
      <ion-button style="margin: 0px" color="primary01" expand="full" (click)="backHome()"><ion-icon slot="start" class="iconfont  ion-ios-left-trangle" style="font-size: 30px"></ion-icon> 返回首页</ion-button>
    </ion-footer>
  </div>



  <!-- <ion-menu swipeGesture="false" side="end" type="overlay" class="lotTwoMenu" menuId="lotTwoMenu">
      <ion-content>
          <ion-grid>
            <div *ngFor="let item of lots">
              <div class="lotTwoMenu-groupname">
                <hr />
                <span>{{item.name}}</span>
              </div>
              <ion-row>
                <ion-col size="4" *ngFor="let itemSon of item.value" >
                    <span (click)="toLotdetail(itemSon.code,itemSon.name,'lotTwoMenu','selectLotMenu')">{{itemSon.name}}</span>
                </ion-col>
              </ion-row>
            </div>
              </ion-grid>
      </ion-content>
    </ion-menu> -->

    <div class="menu-mark lotTwoMenu lotMenu-two" >
      <div class="lotTwoMenu-blank" (click)="hideMenu();"></div>
      <ion-content style="--background: #f2f3f5;background: #f2f3f5;">
        <ion-grid>
          <div *ngFor="let item of lots">
            <div class="lotTwoMenu-groupname">
              <span class="lot-blank"></span>
              <span class="lot-name">{{item.name}}系列</span>
            </div>
            <ion-row style="padding: 0px 6px 40px 6px;">
              <ion-col size="4" *ngFor="let itemSon of item.value" >
                  <span [ngClass]="{'lot-hot':itemSon.code=='pk8' || itemSon.code=='pt8' || itemSon.code=='pks' || itemSon.code=='sg8'}" (click)="toLotdetail(itemSon.code,itemSon.name,itemSon.lotteryId,'lotTwoMenu','selectLotMenu')">
                    {{itemSon.name}} 
                    <img *ngIf="itemSon.code=='pk8' || itemSon.code=='pt8' || itemSon.code=='pks' || itemSon.code=='sg8'" [src]="'assets/icon/lot_menu_hot.jpg'" class="img"/>
                  </span>
              </ion-col>
            </ion-row>
          </div>
            </ion-grid>
      </ion-content>
    </div>
    <div class="notice-pop-win" id="notice_contain">
      <div class="notice-pop-contain">
          <div class="notice-tit">公告<i (click)="onClosePopwin();$event.stopPropagation" class="iconfont ion-ios-delete"></i></div>
          <div class="notice-title">{{noticeData.title}}</div>
          <div class="notice-contain" [innerHTML]="noticeData.content | html"></div>
          <div class="notice-tool">
              <div (click)="onPageNotice('pre');$event.stopPropagation" class="notice-tool-btn pre">上一页</div>
              <div (click)="onPageNotice('next');$event.stopPropagation" class="notice-tool-btn next">下一页</div>
          </div>
      </div>
  </div>

  <div class="notice-pop-win" id="update_contain" *ngIf="isUpdate" style="display: block;">
    <div class="notice-pop-contain">
        <div class="notice-tit">万漉国际升级</div>
        <div class="notice-title">当前版本:{{versionNo}}</div>
        <div class="notice-contain" [innerHTML]="updateContent | html"></div>  
        <div class="notice-tool" *ngIf="!isForce">
            <div (click)="onUpdateApp();$event.stopPropagation" class="notice-tool-btn pre">更新</div>
            <div (click)="onUpdateClose();$event.stopPropagation" class="notice-tool-btn next">关闭</div>
        </div>
        <div class="notice-tool" *ngIf="isForce">
          <div (click)="onUpdateApp();$event.stopPropagation" class="notice-tool-btn">更新</div>
      </div>
    </div>
</div>

  <div class="mask-3rd" *ngIf="isShowThirdWin">
    <div class="mask-3rd-content"> 
        <div class="mask-3rd-header">额度转换  <ion-icon (click)="closeThirdWin()" class="iconfont  ion-ios-delete" style="font-size: 16px; color: #fff;position: absolute; display: inline-block;padding: 10px;top: -10px;right: 5px;"></ion-icon></div>    
        <div class="mask-3rd-name">{{thirdName}}:{{thirdBalance}}</div>
        <div class="mask-3rd-input">
            <ion-input [(ngModel)]="thirdInputVal" style="border-radius: 35px; border: 2px solid #E8E9EC; --padding-start:10px;padding-left: 10px; height: 35px;" placeholder="输入金额"></ion-input>
            <div class="mask-3rd-input-tip">单笔充值金额最低一元，最高100000元</div>
        </div>
        <div class="mask-3rd-money">
           <div style="color:#4f4f4f; margin-bottom: 20px; font-weight: 900;">快捷方式</div>
           <div class="mask-3rd-money-span">
              <span (click)="selectThirdMoney('10')">10</span>
              <span (click)="selectThirdMoney('100')">100</span>
              <span (click)="selectThirdMoney('1000')">1000</span>
              <span (click)="selectThirdMoney('10000')">10000</span>
              <span (click)="selectThirdMoney('all')">全部</span>
           </div>
        </div>
        <div class="mask-3rd-btn-group">
            <div *ngIf="(thirdPlatformID!='sbo' && thirdPlatformID!='ky' && thirdPlatformID!='sw' && thirdPlatformID!='ps')" (click)="thirdTestPlay()">试玩进入游戏</div>
            <div (click)="thirdPlay()" [ngClass]="{'sbo':(thirdPlatformID=='sbo' || thirdPlatformID=='ky' || thirdPlatformID=='sw' || thirdPlatformID=='ps')}">转入并进入游戏</div>
        </div>
    </div>
  </div>

  

  <ion-router-outlet main></ion-router-outlet>
</ion-app>